button[disabled] {
  color: var(--SAC7);
  cursor: not-allowed;
}
.button-icon {
  --disabled-background: #f8f8f8; //带背景图标禁用状态

  background: none;
  border: none;
  cursor: pointer;
  color: var(--AC7);
  font-size: 16px;

  &:hover,
  &:active {
    color: var(--AC1);
  }
  &[background] {
    font-size: 12px;
    padding: 10px;
    border: 1px solid var(--SAC5);
    border-radius: 4px;
    background: var(--SAC2);
    height: 34px;
    &:hover {
      border-color: var(--MC1);
      color: var(--MC1);
      background: var(--SAC4);
    }
    &:active {
      color: var(--MC1);
      background: var(--SAC5);
      border-color: var(--MC1);
    }
    &:disabled {
      color: var(--SAC7);
      background: var(--disabled-background);
      border-color: var(--SAC8);
    }
  }
}
